<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .game {
            color: red
        }

        #box1 {
            text-align: right;
        }

        #text {
            font-size: 22px;
        }
    </style>
</head>

<body>
    <div id="box1">
        <em>
            大家好好学习 会的就快速的过文档
            <u>不要睡觉</u>和打 <s class="game">游戏</s>
            打<s class="game">游戏</s>会沉迷 无法自拔
        </em>
        <strong>This text is strong</strong>
        <i>This text is italic</i>
        <br>
        <em>This text is emphasized</em>

    </div>
    <h1>春晓</h1>
    <p>
        春眠不觉晓，<br>
        处处闻啼鸟。<br>
        夜来风雨声，<br>
        花落知多少。
    </p>
    <pre id="text">
春眠不觉晓，
        处处闻啼鸟。
        夜来风雨声，
花落知多少。 
     </pre>

    <address>
        Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br>
        Visit us at:<br>
        Example.com<br>
        Box 564, Disneyland<br>
        USA
    </address>
    <!-- 语义化结构标签 -->

    <div>
        Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br>
        Visit us at:<br>
        Example.com<br>
        Box 564, Disneyland<br>
        USA
    </div>
    <div>
        123456789
    </div>
    <bdo dir="rtl">
        123456789
   </bdo>
   <p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>
    

</body>

</html>